/*==========================================
      MASTER STYLESHEET FOR ASPLA
==========================================*/

/*==========================================
     ||||| START TABLE OF CONTENT |||||
==========================================

Created by Crescent Theme

1.  Global styles
2.  Header styles
3.  Slider styles
4.  Our Services styles
5.  Our features styles
6.  About section styles
7.  Team Member styles
8.  call to action styles
9.  Blog styles
10. Testimonial styles
11. contact styles
12. Subscription styles
13. Footer styles
14. Inner banner styles
15. Inner banner styles
16. Project content styles
17. Shop styles
18. Cart Page styles
19. Checkout page styles
20. fact section styles

/*==========================================
    |||||  END TABLE OF CONTENT  |||||
==========================================*/

/*==========================================
  1. Global styles
==========================================*/


/*padding*/
.padd-1{
  padding: 0px;
}



/*filters-style-two*/
.filters-style-two{
  text-align: center;
  margin-bottom: 50px;
}
.filters-style-two li{
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 5px;
  background: #2a5795;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0;
}
.filters-style-two li a{


  color: #fff;
  font-size: 14px;

}
.filters-style-two li:hover{
  color: #fff;
  background: #222222;
}
.filters-style-two .filter-tabs li.active {
  color: #fff;
  background: #333333;
}
/*btn style*/

/*Btn Style One*/

/*preloader*/

/* owl controll */


/*
=======================================
  2. header-style
======================================= 
*/

/*
==============================================
  Mainmenu Area Css
===============================================
*/


/* Mainmenu fixed style */


/*--------------------------------------
  main slider
  ---------------------------------------*/

/***==================================
              Main Footer
==================================***/


/***==================================
          Inner Banner styles
==================================***/



/***==================================
          default-blog styles
==================================***/






/*
==============================================
  service-single Section style
==============================================
*/

/***==================================
            contact Section
==================================***/

/***==================================
          consultation Section
==================================***/



/***==================================
        Parallax Style Two Style
==================================***/




/***==================================
          single-projects
==================================***/

.single-projects{
  padding: 90px 0px;
}
.single-projects .blog-sidebar{
  padding-top: 0px;
}
.single-projects .sidebar_search {
  margin-top: 0px;
}
.project-info ul{
  padding-top: 15px;
}
.project-info ul li{
  color: #c3c3c3;
  line-height: 38px;
  font-weight: 400;
}
.project-info ul li span{
  color: #222;
  font-weight: 600;
  margin-right: 5px;
}

/***==================================
          Error Page
==================================***/



/***==================================
          Service styles
==================================***/


/*
==================================
Services Block Two
==================================
*/
/*
==================================
Services Block Two
==================================
*/

/***==================================
        Testimonials Section style
==================================***/


/***==================================
          Services Style One
==================================***/



/***==================================
          Services 2 style
==================================***/



/***==================================
          Services Section
==================================***/
.services-section.style-2{
  position:relative;
  padding: 80px 0px 0px;
  background: #fff;
}
.services-section.style-2:before{
  background: none;
}
.services-section .outer-box{
  position:relative;
  margin-top:92px;
  background-position:center top;
  background-repeat:no-repeat;
}
.service-block-one{
  position:relative;
  margin-bottom:60px;
}
.service-block-one .inner-box{
  position:relative;
  padding-right:90px;
  text-align:right;
}
.service-block-one .inner-box .icon{
  position:absolute;
  right:0px;
  top:0px;
  width: 66px;
  height: 66px;
  line-height: 66px;
  text-align:center;
  border: 2px solid #045AC4;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}
.service-block-one .inner-box .icon span:before{
  margin: 0;
  font-size: 36px;
}
.service-block-one .inner-box h3{
  position:relative;
  line-height:1em;
  margin-bottom:5px;
}
.service-block-one .inner-box h3 a{
  position:relative;
  top:-6px;
  color:#222222;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}
.service-block-one .inner-box h3 a:hover{
  color:#045AC4;
}
.service-block-one .inner-box:hover .icon{
  background-color:#045AC4;
}
.service-block-one .inner-box:hover .icon span{
  color: #fff;
}
/*Service Block Two*/
.service-block-two{
  position:relative;
  margin-bottom:60px;
}
.service-block-two.style-two{
  margin-bottom:45px;
}
.service-block-two .inner-box{
  position:relative;
  padding-left:90px;
  text-align:left;
}
.service-block-two .inner-box .icon{
  position:absolute;
  left:0px;
  top:0px;
  width: 66px;
  height: 66px;
  line-height: 66px;
  text-align:center;
  border: 2px solid #045AC4;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}
.service-block-two .inner-box .icon span:before{
  margin: 0;
  font-size: 36px;
}
.service-block-two .inner-box h3{
  position:relative;
  line-height:1em;
  margin-bottom:5px;
}

.service-block-two .inner-box h3 a{
  position:relative;
  top:-6px;
  color:#222222;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.service-block-two .inner-box h3 a:hover{
  color:#045AC4;
}
.service-block-two .inner-box:hover .icon{
  background-color: #045AC4;
}
.service-block-two .inner-box:hover .icon span{
  color: #fff;
}
.services-section .image-column{
  margin-top:-45px;
  text-align:center;
}

/* projects block one */
.projects-block-one.mix {
  display: none;
}
.projects-block-one {
  position: relative;
  margin-bottom: 30px;
}
.portfolio_five .projects-block-one {
    margin-bottom: 0px;
}
.projects-block-one .inner-box {
  position: relative;
}
.projects-block-one .image img {
  width: 100%;
}
.projects-block-one .image::before {
  background: rgba(42,87,149,0.8) none repeat scroll 0 0;
  bottom: 15px;
  border:5px solid rgba(255,255,255,0.5);
  content: "";
  left: 15px;
  opacity: 0;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9;
  transition: all 0.4s ease-in-out 0s;
  transform: scale(2);
}
.projects-block-one:hover .image::before {
  opacity: 0.8;
  transform: none;
}
.projects-block-one .image {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.projects-block-one .overlay a {
  background: #333333 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  width: 50px;
  height: 50px;
  line-height: 54px;
  opacity: 0;

  position: absolute;
  text-align: center;
  transform: translateX(-50%) translateY(-50%) scale(0.6);
  transition: all 0.4s ease 0s;
}
.projects-block-one .overlay a:hover {
  background: rgba(255, 255, 255, .8) none repeat scroll 0 0;
  color: #045AC4;
}
.projects-block-one:hover .overlay a {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.projects-block-one .overlay {
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease 0s;
  z-index: 10;
}
.projects-block-one:hover .overlay {
  opacity: 1;
}
.projects-block-one .caption-title {
    bottom: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    z-index: 12;
    right: 0;
    text-align: center;
}
.projects-block-one:hover .caption-title {
  opacity: 1;
}
.projects-block-one .caption-title h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
}
.projects-block-one.style-2 .caption{
  padding: 5px 20px 30px 20px;
  border: 1px solid #000;
}
.projects-block-one.style-2 .caption h3{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: capitalize;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
}
.projects-block-one.style-2 .caption h3 a{
  color: #aaa;
}
.projects-block-one.style-2 .caption span{
  color: #aaa;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
  text-transform: capitalize;
}
.projects-block-one.style-2 .caption h3 a:hover{
  color: #ff1c4b;
}
.projects-block-one .caption-title h3 a {
  color: #fff;
}
.projects-block-one:hover .caption-title h3 {
  transform: translateX(0px);
}
.projects-block-one .caption-title-two {
  padding-top: 15px;
  padding-left:  20px;
  padding-bottom:  20px;
  box-shadow: 0 0 20px 1px #0000001f;
}
.projects-block-one .caption-title-two h3 a {
  color: #222;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
}
.projects-block-one .caption-title-two span {
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.portfolio-style-two .projects-block-one {
  padding: 0px 15px;
}

/***==================================
           Features Style One
==================================***/


/***==================================
          Work Process
==================================***/